<script type="text/javascript">
<!--
{literal}
    $(document).ready(function() {
        addDatePicker('#start_dd', '#start_mm', '#start_yyyy', true, true, true);
        addDatePicker('#end_dd', '#end_mm', '#end_yyyy', true, true, true);
    });
{/literal}
//-->
</script>
<div class="field-row">
    <div class="field-label" style="width: 120px;">{translate}From date{/translate}</div>
    <div class="field-value" style="width: 200px;"><input name="start_{$startPart_0}" id="start_{$datePart_0}" type="text" value="" style="width: 30px;">&nbsp;<input name="start_{$datePart_1}" id="start_{$datePart_1}" type="text" value="" style="width: 30px;">&nbsp;<input name="start_{$datePart_2}" id="start_{$datePart_2}" type="text" value="" style="width: 50px;">&nbsp;</div>
    <div class="field-label" style="width: 120px;">{translate}To date{/translate}</div>
    <div class="field-value"><input name="end_{$datePart_0}" id="end_{$datePart_0}" type="text" value="" style="width: 30px;">&nbsp;<input name="end_{$datePart_1}" id="end_{$datePart_1}" type="text" value="" style="width: 30px;">&nbsp;<input name="end_{$datePart_2}" id="end_{$datePart_2}" type="text" value="" style="width: 50px;">&nbsp;</div>
    <div style="clear: both;"></div>
</div>
<div style="vertical-align: top; height: 20px;">
    <div style="width: 120px; float: left;">&nbsp;</div>
    <div style="width:  200px; float: left;"><span style="color: rgb(170, 170, 170); font-weight: normal;">({$datePart_0}-{$datePart_1}-{$datePart_2})</span></div>
    <div style="width: 120px; float: left;">&nbsp;</div>
    <div style="width:  200px; float: left;"><span style="color: rgb(170, 170, 170); font-weight: normal;">({$datePart_0}-{$datePart_1}-{$datePart_2})</span></div>
</div>